Accessibility
In your web pages, you should make custom interactive controls focusable. For example, if you turn a <div> into a dropdown using JavaScript, this action will not be included in the tab order by default: you must do a manual check to see if all custom controls are keyboard focusable.
Simply press the TAB key: in this way you can navigate through the page and you can check if it's possible or not to reach the interactive controls.
If it's not possible, you should improve the focusability using tabindex.
The custom control element has to be inserted into the natural tab order using tabindex=”0”.
<div tabindex="0">Focus me with the TAB key</div>
Learn more about Accessibility
On page SEO performance and page checkup.
Over 300 parameters for the deeper page analysis.
Share this Guide
Did you like it? Share it!
Web tools for modern developers. Try these one!
Over 50 generators, builders and validators to improve your SEO and web performances
Google Server and proxy
Find out the exact date and time your web page was cached by Google’s crawler through Google Cache Status checker
Google
Find out how Google calculates your overall Performance score. Drag the cursors to understand what thresholds you must be aiming for achieving a good performance
Converters
Convert Timestamp in date time value and vice versa. Convert epoch/unix timestamp in readable date time value and vice versa.
Tester and validators
Test your Progressive Web App. Check the performance of your PWA, try to deliver high quality, engaging, fast and capable apps on every devices.
Server and proxy
View and download any website’s Source Code. Get the HTML source code of any online web page from any browser, devices and Os system.
Compressor
CSS minifier tool. Optimize and compress your CSS code, make your website faster and reduce network payload sizes.
Convert instantly color codes from RGB (red, green, blue) to HEX triplets color schema and vice versa. Insert color and try it for free.
Builders and generators Google
Draw rectangles, circle, polygon, polyline and shape on maps and get coordinates. Set styles and colors for your drawed shapes and get the code.